<template>
    <div class="header">
        城市选择
        <router-link to="/">
            <div class="header-back">
                <span class="iconfont">&#xe624;</span>
            </div>
        </router-link>
    </div>
</template>

<script>
    export default {
        name:'CityHeader'
    }
</script>

<style scoped lang="scss">
    @import '~styles/varibles.scss';
    .header{
        position:relative;
        overflow:hidden;
        height:0.86rem;
        line-height:0.86rem;
        text-align:center;
        color:#fff;
        background:$bgColor;
        font-size:0.32rem;
        .header-back{
            position:absolute;
            top:0;
            left:0;
            width:0.64rem;
            text-align:center;
            font-size:0.4rem;
            color:#fff;
        }
    }
</style>